   html,
   body {
       width: 100%;
       height: 100%;
       margin: 0;
       padding: 0;
   }

   #map {
       width: 100%;
       height: 100%;
       position: relative;
   }

   /* 放置经纬度盒子 */
   #pos {
       width: 250px;
       height: 100px;
       background-color: #fff;
       border: 2px solid gray;
       border-radius: 10px;
       right: 580px;
       top: 60px;
       position: absolute;
       z-index: 1;
       display: none;
   }

   /* X按钮 */
   #close {
       margin-right: 0px;
       background-color: #fff;
       border: 1px solid gray;
       font-size: 13px;
   }

   #close:hover {
       background-color: #AFAFAF;
   }

   /* 经纬度输入框 */
   #wei,
   #jing {
       margin-left: 10px;
   }

   /* 提示文字 */
   b {
       font-size: 5px;
       margin-left: 13px;
       color: gray;
   }

   #distanceDiv {
       display: none;
       width: 251px;
       height: 80px;
       background-color: #fff;
       border: 2px solid gray;
       border-radius: 10px;
       right: 300px;
       top: 60px;
       position: absolute;
       z-index: 1;
   }

   #draw {
       display: none;
       width: 60px;
       height: 110px;
       background-color: #fff;
       border: 2px solid gray;
       border-radius: 10px;
       right: 130px;
       top: 50px;
       position: absolute;
       z-index: 1;
   }

   .drawClass {
       align-content: center;
       cursor: pointer;
       width: 55px;
       height: 20px;
       margin: 6px 0 0 5px;
   }

   .drawClass:hover {
       color: gray;
   }

   #close2Div {
       float: right;
   }

   #close2 {
       margin-right: 0px;
       background-color: #fff;
       border: 1px solid gray;
       font-size: 13px;
   }

   #close2:hover {
       background-color: #AFAFAF;
   }

   .draw:hover {
       background-color: #AFAFAF;

   }

   /* 卷帘div的css样式 */
   #swipeDiv {
       display: none;
       width: 160px;
       height: 50px;
       position: absolute;
       border: 1px solid gray;
       border-radius: 3px;
       z-index: 1;
       right: 120px;
       top: 60px;
       background-color: #fff;
   }


   /* swipe卷帘控制框input */
   #swipe {
       margin-top: 10px;
   }

   /* 卷帘右上角关闭按钮 */
   #close4 {
       position: absolute;
       right: 0px;
   }

   /* 右下角imgDiv */
   #areaDiv {
       display: none;
       width: 250px;
       height: 60px;
       background-color: #fff;
       border: 2px solid gray;
       border-radius: 10px;
       right: 200px;
       top: 60px;
       position: absolute;
       z-index: 1;
   }

   #close3 {
       position: absolute;
       right: 0px;
       top: 0px;
   }

   #img {
       width: 450px;
       height: 240px;
   }

   #innerDiv {
       font-size: 13px;
       margin: 10px 0 0 15px;
   }

   /* 退出全图按钮 */
   #backFullMap {
       width: 100px;
       height: 30px;
       background-color: #fff;
       border-radius: 10px;
       position: absolute;
       top: 50px;
       left: 10px;
       z-index: 1;
   }

   #leftDiv {
       position: absolute;
       border-radius: 10px;
       top: 10px;
       left: 50px;
       width: 350px;
       height: 50px;
       background-color: gray;
       z-index: 1;
   }

   /* btn1 */
   .btn1 {
       font-size: 18px;
       margin: 10px 0 0 10px;
       /* font-size: 18px;
       margin-top: 10px;
       margin-left: 3px; */
   }

   .btn:hover,
   .btn1:hover {
       background-color: blanchedalmond;
   }

   /* div */
   #btnDiv {
       width: 700px;
       height: 50px;
       background-color: gray;
       border-radius: 5px;
       /* 阴影 */
       box-shadow: 0 2px 10px 0 rgb(0 0 0 /15%);
       z-index: 1;
       margin-top: 10px;
       text-align: center;
       right: 20px;
       color: darkslategrey;
       position: absolute;
   }

   /* button 按钮 */
   .btn {
       border-radius: 5px;
       font-size: 18px;
       margin-top: 10px;
       margin-left: 3px;
       background-color: #fff;
   }

   /* 隐藏显示的div */
   #hideDiv {
       width: 240px;
       height: 200px;
       font-size: 20px;
       margin-top: 60px;
       border: 3px solid gray;
       border-radius: 10px;
       background-color: gray;
       position: absolute;
       right: 0;
       z-index: 1;
       display: none;
   }

   #selectDiv {
       width: 50%;
       height: 20px;
       margin: auto;
   }

   .div1 {
       width: 230px;
       height: 40px;
       margin: 8px 0 0 4px;
       border-radius: 4px;
       background-color: #fff;
       z-index: 1;
   }

   .div1:hover {
       color: gray;
   }